// 颜色系统
$primary-color: #409eff;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;

// 文本颜色
$text-color-primary: #303133;
$text-color-regular: #606266;
$text-color-secondary: #909399;
$text-color-placeholder: #c0c4cc;

// 边框颜色
$border-color-base: #dcdfe6;
$border-color-light: #e4e7ed;
$border-color-lighter: #ebeef5;
$border-color-extra-light: #f2f6fc;

// 背景颜色
$background-color-base: #f5f7fa;
$background-color-light: #f5f7fa;
$background-color-lighter: #fafafa;

// 深色模式颜色
$dark-bg-color: #141414;
$dark-bg-color-overlay: #1d1e1f;
$dark-text-color-primary: #e5eaf3;
$dark-text-color-regular: #cfd3dc;
$dark-text-color-secondary: #a3a6ad;
$dark-border-color: #4c4d4f;
$dark-border-color-light: #363637;
$dark-border-color-lighter: #2b2b2c;
$dark-border-color-extra-light: #1d1d1d;
$dark-fill-color-blank: #141414;
$dark-fill-color-light: #262727;
$dark-fill-color-lighter: #1d1d1d;
$dark-fill-color-extra-light: #191919;
$dark-fill-color-dark: #262727;
$dark-fill-color-darker: #111111;
$dark-mask-color: rgba(0, 0, 0, 0.8);
$dark-mask-color-extra-light: rgba(0, 0, 0, 0.3);

// 字体系统
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
$font-size-base: 14px;
$font-size-small: 13px;
$font-size-large: 16px;
$line-height-base: 1.5;

// 间距系统
$spacing-1: 4px;
$spacing-2: 8px;
$spacing-3: 12px;
$spacing-4: 16px;
$spacing-5: 20px;
$spacing-6: 24px;
$spacing-7: 28px;
$spacing-8: 32px;

// 圆角
$border-radius-base: 4px;
$border-radius-small: 2px;
$border-radius-large: 8px;
$border-radius-circle: 50%;

// 阴影
$box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
$box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
$box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);

// 过渡
$transition-duration: 0.3s;
$transition-timing-function: ease;

// 响应式断点
$breakpoint-xs: 480px;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$breakpoint-xxl: 1600px;

// 字体大小
$font-size-extra-large: 20px;
$font-size-extra-small: 12px;

// 字体粗细
$font-weight-primary: 500;
$font-weight-secondary: 400;

// 布局
$header-height: 60px;
$footer-height: 60px;
$sidebar-width: 200px;
$content-max-width: 1200px;

// 混合器
@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@mixin text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin responsive($breakpoint) {
  @if $breakpoint == xs {
    @media (max-width: $breakpoint-xs) { @content; }
  }
  @else if $breakpoint == sm {
    @media (max-width: $breakpoint-sm) { @content; }
  }
  @else if $breakpoint == md {
    @media (max-width: $breakpoint-md) { @content; }
  }
  @else if $breakpoint == lg {
    @media (max-width: $breakpoint-lg) { @content; }
  }
  @else if $breakpoint == xl {
    @media (max-width: $breakpoint-xl) { @content; }
  }
} 